.ui-calendar-view {
    white-space: normal;
    user-select: none;
    width: 2.6rem;
    border: .01rem solid #bebec8;
    font-size: .12rem;
    line-height: 2em;
    box-shadow: rgb(130, 122, 118) 0 0 .07rem;
    z-index: 2;
    position: absolute;
    background-color: rgb(255, 255, 255);
    border-radius: .07rem;
    padding-bottom: .20rem;
}

.ui-calendar-view>.cursor {
    text-align: center;
    line-height: .3rem;
    height: .3rem;
}

.ui-calendar-view>.cursor>div {
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    cursor: pointer;
    height: .2rem;
    position: absolute;
    width: .2rem;
    border-radius: .05rem;
    transition: all 0.2s ease-in;
}

.ui-calendar-view>.cursor>div.pre {
    left: .17rem;
    background-image: url("");
}

.ui-calendar-view>.cursor>div.pre :hover {
    background-image: url("");

}

.ui-calendar-view>.cursor>div.next {
    right: .17rem;
    background-image: url("");

}

.ui-calendar-view>.cursor>div.next :hover {
    background-image: url("");

}

.ui-calendar-view>.cursor>div.pre,
.ui-calendar-view>.cursor>div.next {
    top: .04rem;
}

.ui-calendar-view>.cursor>div.pre:hover,
.ui-calendar-view>.cursor>div.next:hover {
    background-color: #43a7e1;
}

.ui-calendar-view>.cursor>div.title {
    font-size: .14rem;
    transition: all 0.5s ease-in;
    text-align: center;
    width: calc(100% - 1rem);
    margin-left: .5rem;
}

.ui-calendar-view>.cursor>div.title:hover {
    color: #43a7e1;
}



.ui-calendar-view>.selectDay {
    text-align: center;
}

.ui-calendar-view>.selectDay>div {
    width: .35rem;
    display: inline-block;
    line-height: .35rem;
    height: .35rem;
}

.ui-calendar-view>.selectDay>div.nouse {
    color: rgb(177, 172, 172);
}

.ui-calendar-view>.selectDay>div.day {
    cursor: pointer;
}

.ui-calendar-view>.selectDay>div.day:hover {
    color: red;
}



.ui-calendar-view>.selectMonth {
    text-align: center;
}

.ui-calendar-view>.selectMonth>div {
    display: inline-block;
    width: 0.8rem;
    line-height: .35rem;
    height: .35rem;
    cursor: pointer;
}

.ui-calendar-view>.selectMonth>div:hover {
    color: red;
}


.ui-calendar-view>.selectYear {
    text-align: center;
}

.ui-calendar-view>.selectYear>div {
    display: inline-block;
    width: 0.8rem;
    line-height: .35rem;
    height: .35rem;
    cursor: pointer;
}

.ui-calendar-view>.selectYear>div:hover {
    color: red;
}


.ui-calendar-view>.selectHour {
    text-align: center;
}

.ui-calendar-view>.selectHour>div {
    display: inline-block;
    width: 0.4rem;
    line-height: .35rem;
    height: .35rem;
    cursor: pointer;
}

.ui-calendar-view>.selectHour>div:hover {
    color: red;


}

.ui-calendar-view>.selectMinute {
    text-align: center;
}

.ui-calendar-view>.selectMinute>div {
    display: inline-block;
    width: 0.25rem;
    line-height: .35rem;
    height: .35rem;
    cursor: pointer;
}

.ui-calendar-view>.selectMinute>div:hover {
    color: red;
}


.ui-calendar-view>.selectSecond {
    text-align: center;
}

.ui-calendar-view>.selectSecond>div {
    display: inline-block;
    width: 0.25rem;
    line-height: .35rem;
    height: .35rem;
    cursor: pointer;
}

.ui-calendar-view>.selectSecond>div:hover {
    color: red;
}
